<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="zh">
<head>
<link rel="stylesheet" href='./css/taskstyle.css'  />
<link rel="stylesheet" href='./css/nav.css' />
<link rel="stylesheet" href='./css/main.css' />
	<jsp:include page="/commonPages/admin-meta.jsp" flush="true" />
	<!-- CSS files -->
	<jsp:include page="/commonPages/admin-style.jsp" flush="true" />
	<style type="text/css">
	
	.main1{
	    width:100px;
	    height:100px;
	    border-radius:50%;
	    -moz-border-radius:50%;
	    -webkit-border-radius:50%;
	    position:absolute;
	}
	#left{
		top:-50px;
		left:-50px;
	}


</style>



</head>
<body >
	<div id="wrapper">

		<!-- Navigation -->
		<jsp:include page="/commonPages/admin-navigator.jsp" flush="true" />
		
	
        <div id="page-wrapper">
        
	
        <div class="sort_content">
        <div style="text-align:center;">
        <div  class="text1" style="width:100px;margin:0 auto;">
 </div>
           <div id = "text1"> 
          <form method="post" action="./process/getFinishedFlowByType"
										id="auditForm" enctype="multipart/form-data">
         	请选择要查询的流程：
         	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

  <script type="text/javascript">
    function setCookie(name, value) {
        var exp = new Date();
        exp.setTime(exp.getTime() + 24 * 60 * 60 * 1000);
        document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
    }
    function getCookie(name)
    {
        var regExp = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
        var arr = document.cookie.match(regExp);
        if (arr == null) {
            return null;
        }
        return unescape(arr[2]);
    }
</script>
         	<select name = "type" id="select_1" onclick="setCookie('select_1',this.selectedIndex)">
         	
        
         	<c:forEach items="${list}" var="task">
               
                  <option value = "${task.flowName}">${task.flowName}</option>
                  </c:forEach>
            
                 
                  
         	</select>
         	

<script type="text/javascript">
    var selectedIndex = getCookie("select_1");
 
    if(selectedIndex != null) {
        document.getElementById("select_1").selectedIndex = selectedIndex;
    }
</script>
         	<input type = "submit"></input>
         	</form>
         	
         	 <table class="table table-striped table-bordered table-hover" id="list_api" width="100%" border="1" bordercolor="#a4d5e3" cellspacing="0" cellpadding="0">
              <thead>
                <tr>
                  <td width="15%"><strong>项目名称</strong></td>
                  <td width="15%"><strong>开始时间</strong></td>
                  <td width="15%"><strong>结束时间</strong></td>
                  <td width = "15%"><strong>查看</strong></td>
                  
                </tr>
              </thead>
              <tbody id="">
              	<c:forEach items="${lists}" var="task">
                <tr>
                  <td>${task.programName}</td>
                  <td>${task.startTime}</td>
                   <td>${task.endTime}</td>
                 <td> 
                <a href="./process/getTheDetailOfFlowByProInstId?proInstId=${task.proInstId}">查看</a>               
                  </td>
                </tr>
                </c:forEach>
              </tbody>
          </table>
           </div> 
          

         
      </div> 
      
      
      
      
	</div>
           
            
        </div>
        <!-- /#page-wrapper -->

    </div>
    <!-- /#wrapper -->
	
	<!-- JS files -->
    <jsp:include page="/commonPages/admin-script.jsp" flush="true" />
</body>
</html>
